<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./dist/vue.js"></script>
</head>
<body>
    <!-- 
        vue项目中用到的：
          vue-cli     脚手架
          vue-router  路由
          axios/fetch 请求
          vant        组件库
          vuex        状态管理器
        vue中的单文件组件： 表示一个组件就是一个 以.vue结尾的 文件 
          <template>
              
          </template>
          <script>
              export defalut  对象  // 使用ES6的组件化
          </script>
          <style scoped>  // scoped代表只在当前的组件该样式是有效的 

          </style>
        单文件组件的好处
          1. 就不用再 <template id="com"> 和 new Vue({ template:'#com' })
             因为之前是一个页面中有多个组件，也就是有多个 template ，所以必须要用id来区分
          2. 结构 + 表现 + 行为 为一体
          3. 公共样式提取出去，组件中的样式添加scoped属性，只在当前组件被调用的时候才加载样式
     -->
</body>
</html>